<!DOCTYPE html>
<!--文件类型-->

<html>

<head>
    <!-- Standard Meta -->
    <meta charset="UTF-8">

    <!--网页标题（显示在浏览器标题栏中改网页的标签页）-->
    <title>C/C++ - BitBitcode</title>
    <!--标题栏图标-->
    <link rel="icon" href="..\images\Logo.png" type="image/x-icon">
    <!--收藏夹图标-->
    <link rel="shortcut icon" href="..\images\Logo.png" type="image/x-icon">


    <!--调用 CSS 样式文件-->
    <link href="..\CSS_files\semantic.css" rel="stylesheet" type="text/css">
    <link href="..\CSS_files\menupage.css" rel="stylesheet" type="text/css">


    <!--调用 JavaScript 文件-->
    <!--注意：“jquery-3.1.1.js”和“semantic.js”的调用顺序不能变！！！-->
    <script src="..\JavaScript_files\jquery-3.1.1.js"> </script>
    <script src="..\JavaScript_files\semantic.js"> </script>


    <!--含有JavaScript效果组件还需要单独调用-->
    <script>
        $(document)
            .ready(function () {
                $('.ui.menu .ui.dropdown')
                    .dropdown({
                        on: 'hover'
                    });
                $('.ui.menu a.item')
                    .on('click', function () {
                        $(this)
                            .addClass('active')
                            .siblings()
                            .removeClass('active')
                            ;
                    })
                    ;
            })
            ;
    </script>


    <!--内部样式定义-->
    <style>
        body {
            padding: 0em;
        }

        .ui.menu {
            margin: 0em 0em;
        }

        .ui.menu:last-child {
            margin-bottom: 110px;
        }
    </style>
</head>

<body>
    <!--全页面背景-->
    <div class="background"> </div>


    <!--页眉与导航栏（开始）-->
    <div class="ui inverted grey fixed menu" style="padding-right: 10%; padding-left: 10%;">
        <!--单项菜单-->
        <div class="header item">BitBitcode</div>
        <a class="item" href="..\index.html"> 首 页 </a>
        <a class="active item" href="(1)C_and_C++.html"> C/C++ </a>
        <a class="item" href="(2)CMD.html"> CMD </a>
        <a class="item" href="(3)Python.html"> Python </a>
        <a class="item" href="(4)Articles.html"> 文 章 </a>

        <!--下拉菜单-->
        <div tabindex="0" class="ui dropdown item">
            更 多
            <i class="dropdown icon"></i>
            <div tabindex="-1" class="menu transition hidden">
                <a class="item" href="..\(5)Others\sentence.html"> 有趣的话 </a>
                <a class="item" href="..\(5)Others\lyric.html"> 歌词分享 </a>
                <a class="item" href="..\(5)Others\wallpaper.html"> 壁纸分享 </a>
                <div class="divider"></div>
                <a class="item" href="(5)Others.html">其 他</a>
                <div class="divider"></div>
                <a class="item" href="..\README.md">关于本站</a>
            </div>
        </div>

        <!--右边搜索栏和链接-->
        <div class="right menu">
            <div class="item">
                <div class="ui transparent inverted icon input">
                    <input type="text" placeholder="搜索功能还未上线">
                    <button class="ui grey icon button"><i class="search icon"></i></button>
                </div>
            </div>
            <a class="item" href="http://github.com/BitBitcode"><i class="github icon"></i> 我的GitHub</a>
        </div>
    </div>
    <!--页眉与导航栏（结束）-->


    <!--正文部分（开始）-->
    <div class="MFD_Light_Navigation">
        <!--侧边二级导航栏-->
        <div id="sidebar">
            <h3 style="width: 100%; margin-left: 0; padding: 1em;"> C语言 / C++</h3>
            <div class="ui secondary vertical pointing menu" style="width: 100%; margin-left: 0; font-size: 1em">
                <a class="active item" href="#md1"> 上新 / 推荐 </a>
                <a class="item" href="#md2"> 简介 / 配置 </a>
                <a class="item" href="#md3"> 总结 / 资料 </a>
                <a class="item" href="#md4"> 项目 / 实例 </a>
                <a class="item"> 待 续 </a>
            </div>
        </div>


        <!--右边内容页-->
        <div class="MFD_Light_Content">
            <!--上新 / 推荐 -->
            <div class="part" id="md1" >
                <!--
                <h1 class="ui dividing header"> 上新 / 推荐 </h1>
                <br>
                -->


                <!--【幻灯片】（自动切换）-->
                <div class="slideshow-container">
                    <a class="mySlides fade" href="https://github.com/BitBitcode/RGB-Converter">
                        <img src="..\(1)C_and_C++\recourse\recommend-1.png" style="width:100%">
                        <div class="numbertext">1 / 3</div>
                    </a>

                    <a class="mySlides fade" href="..\(1)C_and_C++\【总结】函数的声明、定义、调用.html">
                        <img src="..\(1)C_and_C++\recourse\recommend-2.png" style="width:100%">
                        <div class="numbertext">2 / 3</div>
                    </a>

                    <a class="mySlides fade" href="..\(1)C_and_C++\【资料】C语言标准库及库函数.html">
                        <img src="..\(1)C_and_C++\recourse\recommend-3.png" style="width:100%">
                        <div class="numbertext">3 / 3</div>
                    </a>

                    <a class="prev" onclick="plusSlides(-1)">❮</a>
                    <a class="next" onclick="plusSlides(1)">❯</a>
                </div>

                <div style="text-align:center">
                    <span class="dot" onclick="currentSlide(1)"></span>
                    <span class="dot" onclick="currentSlide(2)"></span>
                    <span class="dot" onclick="currentSlide(3)"></span>
                </div>

                <script>
                    var slideIndex = 0;
                    showSlides();

                    function showSlides() {
                        var i;
                        var slides = document.getElementsByClassName("mySlides");
                        var dots = document.getElementsByClassName("dot");
                        for (i = 0; i < slides.length; i++) {
                            slides[i].style.display = "none";
                        }
                        slideIndex++;
                        if (slideIndex > slides.length) { slideIndex = 1 }
                        for (i = 0; i < dots.length; i++) {
                            dots[i].className = dots[i].className.replace(" active", "");
                        }
                        slides[slideIndex - 1].style.display = "block";
                        dots[slideIndex - 1].className += " active";
                        setTimeout(showSlides, 3000);       // 切换时间为 3 秒
                    }



                    /* function plusSlides(n) {
                        showSlides(slideIndex += n);
                        setTimeout(3000);
                        showSlides();
                    }

                    function currentSlide(n) {
                        showSlides(slideIndex = n);
                    } */

                </script>



                <!--推荐卡片
                <div class="ui three column grid">
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="ui medium image">
                                <img src="..\images\【原图】RGB转换工具 (2).png">
                            </div>
                            <div class="content">
                                <a href="https://github.com/BitBitcode/RGB-Converter">
                                    <h3>【项目】超级色值计算器</h3>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="ui medium image">
                                <img src="..\images\白骑士-月光.png">
                            </div>
                            <div class="content">
                                <a href="..\(1)C_and_C++\【资料】C语言标准库及库函数.html">
                                    <h3>【资料】C语言标准库</h3>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="column">
                        <div class="ui fluid card">
                            <div class="ui medium image">
                                <img src="..\images\崩坏学院2-琪亚娜.png">
                            </div>
                            <div class="content">
                                <a href="..\(1)C_and_C++\【总结】函数的声明、定义、调用.html">
                                    <h3>【总结】函数的声明、定义、调用</h3>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                -->


                <h4 class="ui horizontal divider header">
                    <i class="tag icon"></i>
                    上新 / 推荐
                </h4>
                
                <!--【总结】函数的声明、定义、调用-->
                <div class="ui vertical segment"> 
                    <a href="..\(1)C_and_C++\【总结】函数的声明、定义、调用.html">
                        <h3>①【总结】函数的声明、定义、调用</h3>
                    </a>
                </div>
                <!--【资料】C语言标准库及库函数-->
                <div class="ui vertical segment">
                    <a href="..\(1)C_and_C++\【资料】C语言标准库及库函数.html">
                        <h3>②【资料】C语言标准库及库函数</h3>
                    </a>
                </div>
                <!--超级色值计算器-->
                <div class="ui vertical segment">
                    <a href="https://github.com/BitBitcode/RGB-Converter">
                        <h3>③【项目】超级色值计算器</h3>
                    </a>
                </div>
                <!--【总结】if 的用法-->
                <div class="ui vertical segment">
                    <a href="..\(1)C_and_C++\【总结】浅谈if的用法.html">
                        <h3>④【总结】浅谈 if 的用法</h3>
                    </a>
                </div>
                <div class="ui vertical segment">
                    <a href="https://github.com/BitBitcode/Learning-C-1">
                        <h3>⑤【实例】《C语言从入门到精通》（1）基础知识</h3>
                    </a>
                </div>
                <div class="ui info message"><i class="info circle icon"></i>这里会保留 5 个最近更新的内容</div>
            </div>
            

            <!--简介 / 配置-->
            <div class="part" id="md2">
                <h1 class="ui dividing header"> 简介 / 配置 </h1>
                <h2> C语言 </h2>
                <p>
                    C语言是一门面向过程的、抽象化的通用程序设计语言，广泛应用于底层开发。
                    C语言能以简易的方式编译、处理低级存储器。
                    C语言是仅产生少量的机器语言以及不需要任何运行环境支持便能运行的高效率程序设计语言。
                    尽管C语言提供了许多低级处理的功能，但仍然保持着跨平台的特性，
                    以一个标准规格写出的C语言程序可在包括类似嵌入式处理器以及超级计算机等作业平台的许多计算机平台上进行编译。
                </p>

                <h2> C++ </h2>
                <p>
                    C++是C语言的继承，它既可以进行C语言的过程化程序设计，
                    又可以进行以抽象数据类型为特点的基于对象的程序设计，
                    还可以进行以继承和多态为特点的面向对象的程序设计。
                    C++擅长面向对象程序设计的同时，还可以进行基于过程的程序设计，
                    不仅拥有计算机高效运行的实用性特征，同时还致力于提高大规模程序的编程质量与程序设计语言的问题描述能力
                </p>

                <h2> 安 装 </h2>
                <p>
                    如果你只需要一个轻量化的代码编辑器（也称文本编辑器），推荐：Visual Studio Code<br>
                    不是那个大出天际的Visual Studio，是微软推出的轻量化新编辑器，由于是轻量化的，所以需要手动配置：
                    下载编译器，下载对应语言的“扩展”，然后配置环境（仔细阅读帮助文档即可，软件内也有相应的提示信息）<br>
                    <div class="ui message"><i class="download icon"></i> 下 载：
                        <a href="https://code.visualstudio.com/"> Visual Studio Code </a>（完全免费）
                    </div>
                </p>

                <p>
                    如果你想要完整的编程体验，那么你需要一款 IDE（Integrated Development Environment，集成开发环境），
                    包括代码编辑器、编译器、调试器和图形用户界面等工具。
                    集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。<br>
                    推荐：Visual Studio（大出天际的那个，不过现在有所改善），是微软成熟的开发软件，安装时选择需要的“工作负载”，无需手动配置。最新版本是 Visual Studio 2019。<br>
                    <div class="ui message"> <i class="download icon"></i> 下 载：
                        <a href="https://visualstudio.microsoft.com"> Visual Studio 2019</a>（下载免费的Community版本即可）
                    </div>
                </p>
                <div class="ui info message"><i class="info circle icon"></i>
                    当然还有很多编辑器，大家可以根据自己的情况和喜好自行选择。
                </div>
            </div>

            <!--总结 / 资料-->
            <div class="part" id="md3">
                <h1 class="ui dividing header"> 总结 / 资料 </h1>
                <div class="ui info message"><i class="info circle icon"></i>这里是我学习过程中的一些总结、搜集到的资料</div>
                <!--【总结】函数的声明、定义、调用-->
                <div class="ui vertical segment">
                    <a href="..\(1)C_and_C++\【总结】函数的声明、定义、调用.html">
                        <h3>【总结】函数的声明、定义、调用</h3>
                    </a>
                </div>
                <!--【资料】C语言标准库及库函数-->
                <div class="ui vertical segment">
                    <a href="..\(1)C_and_C++\【资料】C语言标准库及库函数.html">
                        <h3>【资料】C语言标准库及库函数</h3>
                    </a>
                </div>
                <!--【总结】if 的用法-->
                <div class="ui vertical segment">
                    <a href="..\(1)C_and_C++\【总结】浅谈if的用法.html">
                        <h3>【总结】浅谈 if 的用法</h3>
                    </a>
                </div>
                <!--【总结】数据类型-->
                <div class="ui vertical segment">
                    <a href="..\(1)C_and_C++\【总结】数据类型.html">
                        <h3>【总结】数据类型</h3>
                    </a>
                </div>
            </div>

            <!--项目 / 实例-->
            <div class="part" id="md4">
                <h1 class="ui dividing header"> 项目 / 实例 </h1>

                <div class="ui divided items">
                    <!--超级色值计算器-->
                    <div class="item">
                        <div class="image">
                            <img src="..\images\【原图】RGB转换工具 (2).png">
                        </div>
                        <div class="content">
                            <a href="https://github.com/BitBitcode/RGB-Converter">
                                <h3>【项目】超级色值计算器</h3>
                            </a>
                            <div class="meta">
                                <div class="ui label"><i class="clock outline icon"></i> 2020.1.27</div>
                                <div class="ui label"><i class="laptop icon"></i> 控制台应用程序</div>
                                <div class="description">
                                    <p>
                                        起初是因为要换算颜色，制作了一个转换不同色彩模式数值的APP，图标中的“Rc”是RGB Convertor的意思。
                                        一个很小很简单的项目，没有涉及到指针、位运算等高级操作。
                                        基础水平即可理解，全篇运用函数式编程，非常适合用来练手。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--《C语言从入门到精通》（1）基础知识-->
                    <div class="item">
                        <div class="content">
                            <a href="https://github.com/BitBitcode/Learning-C-1">
                                <h3>【实例】《C语言从入门到精通》（1）基础知识</h3>
                            </a>
                            <div class="meta">
                                <div class="ui label"><i class="clock outline icon"></i> 2020.1.21</div>
                                <div class="ui label"><i class="upload icon"></i> 已完结</div>
                                <div class="description">
                                    <p>
                                        这是我在学习《C语言从入门到精通》过程中写的代码，一共有 3 部分，
                                        这是第一部分，对应书中第 1 篇：基础知识，包括：数据类型、输入输出、选择结构、循环结构等内容。
                                        收录了一些例子上传到了GitHub中，代码中有较为详细的注释，帮助大家理解。
                                        代码均由 Visual Studio 编写，下载下来可以直接导入使用，详细介绍请点击链接查看！
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--《C语言从入门到精通》（2）核心技术-->
                    <div class="item">
                        <div class="content">
                            <a href="https://github.com/BitBitcode/Learning-C-2">
                                <h3>【实例】《C语言从入门到精通》（2）核心技术</h3>
                            </a>
                            <div class="meta">
                                <div class="ui label"><i class="clock outline icon"></i> 2020.1.21</div>
                                <div class="ui label"><i class="upload icon"></i> 正在更新</div>
                                <div class="description">
                                    <p>
                                        这是我在学习《C语言从入门到精通》过程中写的代码，一共有 3 部分，
                                        这是第二部分：对应书中第 2 篇：核心技术，包括数组、函数、结构体、指针、算法等内容。
                                        收录了一些例子上传到了GitHub中，代码中有较为详细的注释，帮助大家理解。
                                        代码均由 Visual Studio 编写，下载下来可以直接导入使用，详细介绍请点击链接查看！
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--《C语言从入门到精通》（3）高级应用-->
                    <div class="item">
                        <div class="content">
                            <a href="https://github.com/BitBitcode/Learning-C-3">
                                <h3>【实例】《C语言从入门到精通》（3）高级应用</h3>
                            </a>
                            <div class="meta">
                                <div class="ui label"><i class="clock outline icon"></i> 2020.1.21</div>
                                <div class="ui label"><i class="upload icon"></i> 尚未更新</div>
                                <div class="description">
                                    <p>
                                        这是我在学习《C语言从入门到精通》过程中写的代码，一共有 3 部分，
                                        这是第三部分：对应书中第 3 篇：位运算、预处理、文件、图形图像等内容。
                                        收录了一些例子上传到了GitHub中，代码中有较为详细的注释，帮助大家理解。
                                        代码均由 Visual Studio 编写，下载下来可以直接导入使用，详细介绍请点击链接查看！
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--正文部分（结束）-->

    <!--页脚部分（开始）-->
    <!--还可以借鉴GitHub的页脚：两边写字，中间有图标-->
    <div class="ui inverted grey vertical four item footer segment">
        <div class="ui container">
            <div class="ui stackable inverted divided equal height stackable grid">
                <div class="three wide column">
                    <h4 class="ui inverted header">关 于</h4>
                    <div class="ui inverted link list">
                        <a class="item" href="https://github.com/">服务器支持：GitHub Pages</a>
                        <a class="item" href="https://semantic-ui.com/">样式支持：Semantic UI</a>
                        <a class="item" href="https://code.visualstudio.com/">开发软件：Visual Studio Code</a>
                        <a class="item" href="https://github.com/BitBitcode/BitBitcode.github.io">项目开源：GitHub</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">联系作者</h4>
                    <div class="ui inverted link list">
                        <a class="item">E-mail: smilewwc@qq.com</a>
                        <a class="item">Telephone：000000（示例）</a>
                        <a class="item">邮编：111111（示例）</a>
                        <a class="item">地址：中国-China</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header">版权信息</h4>
                    Semantic UI样式版权归原网站所有，请勿商用！<br>
                    Copyright ©2019~2020 BitBitcode.
                </div>
            </div>
        </div>
    </div>
    <!--页脚部分（结束）-->
</body>

</html>